a {
text-decoration:none;
}

#affichebouton{
position: relative; 
left: 140px;
}

#grayBack
{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 1999;
     opacity: 0.5;
}

#actionneur{
width: 640px; 
height: 100px; 
margin: 0 auto;
}

.button.green {
	background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );
	border:1px solid #5b8821;
	padding: 5px 36px;
}

.button.red {
	background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
	border:1px solid #b0333e;
	padding: 5px 36px;
}

.button img { 
	float:left;
	width:33px;
	height:33px;
}

.button {
	width:138px;
	height:33px;
	font-size:13px;
	font-weight:bold;
	line-height:33px;
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
}

ul { 
margin: 0; 
padding: 0; 
float: left; 
list-style: none; 
//height: 30px;
border-bottom: 
1px solid #666; 
border-left: 
1px solid #666; 
//width: 640px; 
}

ul li { 
float: left; 
margin: 0; 
padding: 0; 
//height: 29px; 
line-height: 29px;
border: 1px solid #666; 
border-left: none; 
margin-bottom: -1px;
overflow: hidden; 
position: relative; 
background: #ddd; 
}

ul li a { 
text-decoration: none; 
color: #888; 
display: block; 
font-family: "Trebuchet MS"; 
font-size: 14px; 
padding: 0 20px; 
}

.ui-tabs .ui-tabs-nav li.ui-state-active { 
cursor: text; 
color: #666;
border-bottom: 1px solid #fff; 
//max-height:600px;
//overflow:auto;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 
position: relative;
background: #fff; 
//max-height:600px;
//overflow:auto;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer; 
}

.ui-tabs .ui-tabs-panel { 
display: block; 
border: 1px solid #666; 
border-top: none; 
overflow: hidden; 
clear: both; 
float: left; 
background: #fff; 
margin: 0; 
width:100%
height:10%
padding-bottom: 10px
font-family: "Trebuchet MS"; 
font-size: 14px; 
#max-height:600px;
#overflow:auto;
}

.ui-tabs .ui-tabs-hide { 
display: none; 
}



div.metro_nav{
		z-index:100;
		margin-top: -8px;
		margin-left: -8px;
		margin-right: -8px;
		background-color: black;
        position : relative;
        font-size : 16px;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor : default;
}


div.metro_nav-config{
		z-index:99;
		margin-top: -10px;
		background-color: black;
        position : relative;
        font-size : 16px;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        cursor : default;
}

div.metro_nav>ul{
        position: relative;
        height: 86px;
        width: 100%;
        margin: 0;
        margin-top : 15px;
        padding : 0;
        list-style : none;
        white-space : nowrap;
        overflow : hidden;
        margin: 15px 0 0 5px;
        border:none;
}



div.metro_nav>ul>li{
		background-color: black;
		border:none;
        position: relative;
        width : 85px;
        height : 85px;
        margin: 0;
        top: 0px;
        display : inline-block;
}
div.metro_nav>ul>li.log{
width: 150px;
color: white;
}
div.metro_nav>ul>li.plan{
margin-left: -10px;
}
div.metro_nav>ul>li>ul{
        display : none;
}
/*
div.metro_nav>ul>li>a{
        display : block;
        height : 80px;
        width : 110px;
        position:relative;
        cursor : pointer;
        text-decoration : none;
}
*/
div.metro_nav>ul>li>a>span{
    display: block;
		text-align: center;
		width: 100px;
		height: 30px;
		color: white;
		font-size: 12px;
		margin-left: -30px;
		top: 5px;
		position: relative;
		}

div.metro_nav>ul>li>a>span.temp{
margin-left: 90%
}

div.metro_nav>ul>li.menu-configuration{
float:right;
margin-right: 10px;
}

div.metro_nav img{
        border : 0;
}

div.metro_nav>.scroll_bar{
        position:absolute;
        bottom : 0;
        width: 100%;
        height : 15px;
}

div.metro_nav>div.nav_title>span.back_button{
        height : 30px;
        background-position : 0px 0px;
        float : right;
        position : relative;
        right : 30px;
        width : 30px;
        background-image: url("../images/metro_nav.png"); /* URL should changed to the path of metro_nav.png*/
}

div.metro_nav>.scroll_bar>span{
        position : relative;
        height : 15px;
        width : 30px;
        background-image : url("../images/metro_nav.png"); /* URL should changed to the path of metro_nav.png*/
        display : block;
        background-position : 0 -90px;
}

#log-on{
     position:  fixed;
     display: none;
     left: 50%;
     top: 50%;
     z-index: 2000;
     padding: 10px;
     width: 320px;
     height:200px;
     background-color: #EEEEEE;
     font-size: 12px;
     line-height: 16px;
     color: #202020;
     border : 3px outset #555555;
     border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#logout{
margin-top:3px;
margin-left: 5px;
color: white;
text-align: center;
}

#logout a{
color: white;
font-size: 12px;
}

#body{
margin : 0px auto 0px auto;
//width: 980px;
box-shadow: 0 0 10px #333333;
min-height: 600px;
}

#sous-menu{
margin-left: 10px;
position :absolute;
z-index: 100;
}

#sous-menu li{
        display : block;
        width : 200px;
        height: 20px;
        padding : 10px;
        position:relative;
        cursor : pointer;
        text-decoration : none;
        background-color:  #6a6a6a;
        border: #2F343C;
        margin-top: 8px;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
}

#sous-menu li a{
color: #fff;
}


#action{
margin-left: 250px;
//width :700px;
padding: 5px;
}

#action-tableau td{
	width: 80px;
	text-align: center;
	font-size: 16px;
}

#action-tableau tr.title{
	color: white;
	background-color: #6a6a6a;
	height: 45px;
}

#action-tableau tr.contenu{
	color: white;
	background-color: #ccc;
	height: 30px;
}

#action-tableau tr.contenu:hover{
	background-color: white;
	color: black;

}

#ui-datepicker-div{
  z-index: 200!important;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 99999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
	background-color: white;
}